<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
 <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet" />
        <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
        <link th:href="@{/erp/assets/css/codemirror.css}" rel="stylesheet">
        <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}" />
        <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}" />
        	<!--[if IE 7]>
		  <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}" />
		<![endif]-->
        <!--[if lte IE 8]>
		  <link rel="stylesheet"th:href="@{/erp/assets/css/ace-ie.min.css}" />
		<![endif]-->
		<script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
        <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
		<script type="text/javascript" th:src="@{/erp/Widget/Validform/5.3.2/Validform.min.js}"></script>
		<script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
		<script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
		<script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
        <script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript" ></script>
        <script th:src="@{/erp/assets/js/jquery-ui-1.10.3.custom.min.js}"></script>
		<script th:src="@{/erp/assets/js/jquery.ui.touch-punch.min.js}"></script>
        <script th:src="@{/erp/assets/js/ace-elements.min.js}"></script>
		<script th:src="@{/erp/assets/js/ace.min.js}"></script>
		<script th:src="@{/erp/js/lrtk.js}" type="text/javascript" ></script>
	    <script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
<title>订单发货</title>

</head>

<body>
	
<div class="margin clearfix">
 <div class="stystems_style">
  <div class="tabbable">
  <div class="page-content clearfix">
    <div id="Member_Ratings">
     <!--<div class="d_Confirm_Order_style">
	<ul class="nav nav-tabs" id="myTab">
	  <li class="active">
		<a data-toggle="tab" href="#home"><i class="green fa fa-home bigger-110"></i>订单发货</a></li>
	</ul>
	</div>-->
	<div class="tab-content">				
	 <div id="home" class="tab-pane active">	
	  <!---->
     <div class="border clearfix" style="margin-left:10px;" >
       <span class="l_f">
         <a class="btn btn-primary radius" onclick="member_dd()">&nbsp;打印订单</a>	
		 <a class="btn btn-primary radius" onclick="member_fhd()">&nbsp;打印发货单</a>
       </span>
     </div>
         <table class="table table-striped table-bordered table-hover" id="sample-table">
		<thead>
		 <tr>
				<th width="25"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>
				<th width="70">序号</th>
				<th width="100">订单编号</th>
				<th width="100">订单状态</th>
				<th width="80">会员名</th>			
				<th width="90">付款情况</th>
				<th width="90">商品名称</th>
				<th width="90">商品数量</th>
				<th width="100">应收金额</th>
				<th width="100">实收金额</th>
				<th width="80">收货人</th>
				<th width="100">收货地址</th>
				<th width="100">下单时间</th>
				<th width="100">支付时间</th>
				<th width="100">订单备注</th>
				<th width="100">操作</th>
			</tr>
		</thead>
	<tbody>

      </tbody>
	</table>
</div>
</div>
	<div style="position: absolute;right: 85px;">
	
  <br/>
  <br/>
  <br/>
  <br/>
 </div>
 <!--发货图层-->
<div class="add_menber" id="add_menber_style" style="display:none">
    <ul class=" page-content">
	 <li>
		 <label class="label_name">订单编号：</label>
		    <span class="add_name">
		       <input onblur="getToAdd()"  name="orderId" id="orderId" type="text"  class="text_add"/>
	        </span>
		    <div class="prompt r_f"></div>
	 </li>
     <li>
		 <label class="label_name">发货单号：</label>
		    <span class="add_name">
				<input value="" name="goodId" type="text" id="goodId" class="text_add"/></span>
		    <div class="prompt r_f"></div>
	 </li>
     <li>
		 <label class="label_name">物流公司：</label>
		 <span class="add_name">
				<select name='car' style='width:200px'>
					<option th:each="logistics : ${logistics}"  th:value="${logistics.id}" th:text="${logistics.companyName}"></option>
				</select>
		 </span>
		 <div class="prompt r_f"></div>
	 </li>
		    <div class="prompt r_f"></div>
     </li>
	 <li>
		 <label class="label_name">车辆选择：</label>
		    <span class="add_name">
				<select name='car' style='width:200px'>
					<option th:each="vehicle : ${vehicles}"  th:value="${vehicle.tVehiclename}" th:text="${vehicle.tVehiclename}"></option>
				</select>
			</span>
		    <div class="prompt r_f"></div>
	 </li>
	<li>
		<label class="label_name">司机姓名：</label>
		     <span class="add_name">
				 <select name='driveName' id="driveName" style='width:200px'>
					<option th:each="driver : ${drivers}"  th:value="${driver.tDrivername}" th:text="${driver.tDrivername}"></option>
				</select>
			 </span>
		     <div class="prompt r_f"></div>
	</li>
	<li>
		<label class="label_name">司机电话：</label>
		      <span class="add_name">
				  <input value=""  name="drivePhone" id="drivePhone" type="text"  class="text_add"/>
			  </span>
		      <div class="prompt r_f"></div>
	</li>
	<li>
		<label class="label_name">车辆牌号：</label>
		      <span class="add_name">
				  <input value=""  name="licenseplate" id="licenseplate" type="text"  class="text_add"/>
			  </span>
		      <div class="prompt r_f"></div>
	</li>
	<li>
		<span class="add_name" style="color:red">注意：车辆选择针对本公司自有车辆.如为第三方车辆可不填。</span>
	</li>
    </ul>
 </div>
 </div>
		</div>
		</div>
 </div>
</div>
</body>
</html>
<script>
jQuery(function($) {
				var oTable1 = $('#sample-table').dataTable( {
					"serverSide": true,
					"aaSorting": [
						[ 1, "desc" ]
					],//默认第几个排序
					"bStateSave": true,//状态保存
					"aoColumnDefs": [
					//{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
					{"orderable":false,"aTargets":[0,8,9]}// 制定列不参与排序
					],
					"ajax": {
						"url": '/order/sendList',
						"type": 'GET',
						"dataSrc": 'data',
						"data": function (message) {

							var data = $('form').serialize();   //获取查询条件

							//获取分页信息
							var pages = {
								start: message.start,

								length: message.length,
							};
							data = data + '&' + $.param(pages);
							return data;

						}
					},
					"columns": [
						{
							"data": "id", "createdCell": function (td, cellData, rowData, row, col) {
								$(td).empty().append('<label id="getIdByace"><input type="checkbox" class="ace ace_cek"><span class="lbl"></span></label>');
							}
						},
						{"data": "id"},
						{"data": "orderId"},
						{"data": "orderStatus"},
						{"data": "orderName"},
						{"data": "payment"},
						{"data": "product.productName"},
						{"data": "sum"},
						{"data": "money"},
						{"data": "money"},
						{"data": "consignee"},
						{"data": "takeAddress"},
						{"data": "orderTime"},
						{"data": "payTime"},
						{"data": "orderMark"},
						{
							"data": "orderStatus", "createdCell": function (td, cellData, rowData, row, col) {

									$(td).empty().append('<a id="arrangement"  title="发货" onclick="member_fh(this)" class="btn btn-xs btn-info" ><i class="bigger-10" style="fout-size:5">发货</i></a>');

							}
						},

					]





				} );
				
				
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}


	         window.oTable1=oTable1;
			})


			// //弹出层字段失去焦点
			// function getToAdd() {
			//
			// 	var orderId = $("#getIdByace").parent().parent().children("td:eq(1)").text();
			//
			// 	$.ajax({
			// 		type: "GET",
			// 		url: "/order/orderAdd?orderId="+orderId
			// 		,dataType:'json'
			//
			// 		,success : function (msg) {
			//
			// 			console.log(msg)
			//
			//
			// 		}
			//
			//
			//
			//
			// 	})
			// }



/*打印订单跳转*/
function member_dd(id){
	var orderId = $("#getIdByace").parent().parent().children("td:eq(1)").text();
	console.log(orderId);

	 var ace_che=$('.ace_cek').is(':checked');
	 if(!ace_che){
	 layer.open({
	 title: '提示',
	 content:'请选择需要打印的订单编号！'
	 })
	 return;
	 }
	 window.location.href="/order/ddToDydd?orderId="+orderId;



}
/*打印发货单跳转*/
function member_fhd(id){
	var orderId = $("#getIdByace").parent().parent().children("td:eq(1)").text();
	 var ace_che=$('.ace_cek').is(':checked');
	 if(!ace_che){
	 layer.open({
	 title: '提示',
	 content:'请选择需要打印的订单编号！'
	 })
	 return;
	 }
	 window.location.href="/order/ddToDyfhd?orderId="+orderId;
}
/*发货*/
		function member_fh(id){
			console.log(id)
			var orderId = $(id).parent().parent().children("td:eq(2)").text();
			console.log(orderId)
			$("#orderId").val(orderId);
			  layer.open({
				type: 1,
				title: '发货确认',
				maxmin: true,
				shadeClose:false, //点击遮罩关闭层
				area : ['800px' , ''],
				content:$('#add_menber_style'),
				btn:['确认发货','取消'],
				yes:function(index,layero){

					var data ={};
					data.orderId = $('#orderId').val();
					data.goodId = $('#goodId').val();
					data.sendType = $('#sendType').val();
					data.car = $('#car').val();
					data.driveName = $('#driveName').val();
					data.drivePhone = $('#drivePhone').val();
					data.licenseplate = $('#licenseplate').val();

					console.log(data);
					$.ajax({
						url:'/licenseplate-information/deliver'
						,type:'post'
						,data:JSON.stringify(data)
						,dataType:'json'
						,contentType:'application/json'
						,success: function(msg){
							var num=0;
							var str="";
							$(".add_menber input[type$='text']").each(function(n){
								if($(this).val()=="")
								{

									layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
										title: '提示框',
										icon:0,
									});
									num++;
									return false;
								}
							});
							if(num>0){  return false;}
							else{
								layer.alert('发货成功！',{
									title: '提示框',
									icon:1,
								});
								layer.close(index);
								oTable1.fnUpdate();
							}

						},error : function (res) {
							layer.alert("发货失败：" + res.data);
						}
					});

		}
    });
}
/*用户-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}
laydate({
    elem: '#fhsj',
    event: 'focus' 
});
</script>
